<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/wenzhoudai.css"/>
		<script src="js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.px1000{width: 1000px;height: inherit;margin: auto;}
			.top{display: inline;color: #fff;font-size: 18px;width: 150px;height:inherit;float: left;border-left: solid 1px #E90000;border-right: solid 1px #8D0505;text-align: center;line-height: 40px;}
			
		</style>
	</head>
	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<!--顶部-->
		<div style="width: 100%;height:30px;background-color: #DADADA;">
			<div class="px1000" >
				<img src="img/主页2.png"/ style="margin-top: 5px;float: left;">
				<b style="font-size: 12px;margin-top: 8px;margin-left: 5px;float: left;">点动p2p主页</b>
				<b style="font-size: 16px;margin-top: 4px;margin-left: 0px;float: right;">4000-000-888</b>
				<img src="img/电话2.png"/ style="margin-top: 2px;float: right;">
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">安全退出</a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 6px;width: 1px;height: 15px;background-color: #666666;"></a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">我是土豪您好欢迎回来-账户中心</a>
			</div>
		</div>
		<!--icon-->
		<div style="width: 100%;height: 60px;background-color: #F3F3F3;">
			<div class="px1000" >
			<img src="img/logo.jpg"/>		
			</div>
		</div>
		<!--导航栏-->
		<div style="width: 100%;height: 40px;background-color: #C60506;">
			<div class="px1000" >
				<li class="top" style="border-left: 0;">首页</li>
				<li class="top">我要借款</li>
				<li class="top">我要借出</li>
				<li class="top">计算工具</li>
				<li class="top">实时财务</li>
				<li class="top" style="border-right: 0;">理财社区</li>
				
			</div>
		</div>
		<!--中部-->
		<div style="width: 100%;height: 400px;background-color: #E5E5E5;">
			<div class="px1000" style="height: 20px;" ></div>
			
			<div class="px1000" style="height: 356px;" >
				<div style="height: 356px;width: 162px;background-color: #fff;border: solid 1px #E2E2E2;float: left;">
			<!--会员中心-->		
					<div style="height: 30px;width: 162px;;border-bottom: solid 1px #E2E2E2;line-height: 30px;">
						<img src="img/huiyuan.jpg" style="margin-left: 20px;margin-right: 10px;margin-top: 1px;float: left;"/>
					会员中心
					</div>
			<!--五个红条-->		
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							投资管理
							<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							借款管理<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							资金管理<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							客户服务<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							基本信息<a style="font-size: 12px;margin-left: 5px;"></a><img src="img/xiajiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 20px;width: 140px;border-bottom: dashed 1px #E2E2E2;margin: auto;font-size: 12px;line-height: 20px;">
						<img src="img/huang jiantou.jpg"/>
						我的基本资料
					</div>
					<div style="height: 20px;width: 140px;border-bottom: dashed 1px #E2E2E2;margin: auto;font-size: 12px;line-height: 20px;">
						<img src="img/huang jiantou.jpg"/>
						资料上传
					</div>
					<div style="height: 20px;width: 140px;border-bottom: dashed 1px #E2E2E2;margin: auto;font-size: 12px;line-height: 20px;">
						<img src="img/huang jiantou.jpg"/>
						银行账号
					</div>
					<div style="height: 20px;width: 140px;border-bottom: dashed 1px #E2E2E2;margin: auto;font-size: 12px;line-height: 20px;">
						<img src="img/huang jiantou.jpg"/>
						安全中心
					</div>
					<div style="height: 20px;width: 140px;margin: auto;font-size: 12px;line-height: 20px;">
						<img src="img/huang jiantou.jpg"/>
						认证中心
					</div>
				</div>
				
			<!--中部右侧-->	
				<div style="height: 293px;width: 820px;background-color: #fff;margin-left:12px;float: left;position: relative;">
					<div style="height: 40px;width: inherit;background-image: url(img/background2.png);">
						<div class="biaoti">身份验证</div>
						
						<div class="biaoti">更改手机号码</div>
						
						<div class="biaoti">登录密码</div>
						
						<div class="biaoti">支付密码</div>
					</div>
					
					<div class="block">
					<div style="height: 60px;width: inherit;border-bottom: dashed 1px #DADADA;">
					<img src="img/dengpao.jpg" style="position: relative;top: 30px;left: 20px;"/>
					<b style="position: relative;top: 25px;left: 20px;font-size:14px">通过身份验证，能够有效的提高资金的安全性</b>
					</div>
					
					<div style="font-size: 14px;margin-left: 40px;">尊敬的会员，通过身份验证，可以为您在的投资和借款提供有效的安全保障</div>
					
					<div style="width: 722px;height: 90px;border:solid 1px #DADADA;margin-left: 30px;margin-top: 15px;">
						<div style="width: 221px;height: inherit;border-right: solid 1px #DADADA;background-color: #F6F6F6;float:left;margin-right: 15px;">
							<img src="img/shenfengzheng.jpg" style="margin-left: 42px;"/>
						</div>
						<div style="font-size: 14px;margin-top: 10px;color: #6BA0D2;">温馨提示：您已经完成了身份验证，您的身份信息如下.</div>
						<div style="font-size: 14px;margin-top: 5px;"><b>真实姓名：</b>楚秀文</div>
						<div style="font-size: 14px;margin-top: 5px;"><b>身份证号：</b>372***********5149</div>
					</div>
					
					<div style="font-size: 14px;margin-left: 40px;margin-top: 20px;">*如果你在公安机关修改了名字，请联系我们客服，凭有关公安机关改名的核证材料修改您的身份信息，谢谢！</div>
					
				</div>
					
					<div class="block" style="display: none;">
						<table style="margin-top: 30px;margin-left: 30px;">
							<tr height="40px">
								<td width="130px">手机号确认</td>
								<td><input type="text" id="" value="" /></td>
								<td width="100px"><input type="button" name="" id="" value="获得验证码" /></td>
							</tr>
							<tr height="40px">
								<td>输入新的手机号：</td>
								<td><input type="text"  value="" /></td>
							</tr>
							<tr height="40px">
								<td>确认新的手机号：</td>
								<td><input type="text"  value="" /></td>
							</tr>
						</table>
						<div style="margin: auto;width: 200px;margin-top: 20px;">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: left;" value="提交">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: right;" value="取消">
						</div>
						
					</div>
					
					<div class="block" style="display: none;">
						<table style="margin-top: 30px;margin-left: 30px;">
							<tr height="40px">
								<td width="145px">输入您的登录密码：</td>
								<td><input type="text" id="" value="" /></td>
								<td width="100px"><input type="button" name="" id="" value="验证" /></td>
							</tr>
							<tr height="40px">
								<td>输入新的登录密码：</td>
								<td><input type="text"  value="" /></td>
							</tr>
							<tr height="40px">
								<td>确认新的登录密码：</td>
								<td><input type="text"  value="" /></td>
							</tr>
						</table>
						<div style="margin: auto;width: 200px;margin-top: 20px;">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: left;" value="提交">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: right;" value="取消">
						</div>
					</div>
					
					<div class="block" style="display: none;">
						<table style="margin-top: 30px;margin-left: 30px;">
							<tr height="40px">
								<td width="145px">输入您的支付密码：</td>
								<td><input type="text" id="" value="" /></td>
								<td width="100px"><input type="button" name="" id="" value="验证" /></td>
							</tr>
							<tr height="40px">
								<td>输入新的支付密码：</td>
								<td><input type="text"  value="" /></td>
							</tr>
							<tr height="40px">
								<td>确认新的支付密码：</td>
								<td><input type="text"  value="" /></td>
							</tr>
						</table>
						<div style="margin: auto;width: 200px;margin-top: 20px;">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: left;" value="提交">
							<input type="button" style="width: 60px;background-color: #C40705;text-align: center;height: 30px;line-height: 30px;color: #fff;border-radius: 5px;float: right;" value="取消">
						</div>
					</div>
				<script>
					$(function(){
						$('.biaoti').mouseover(function(){
							var aabb = $('.biaoti').index(this);
						$('div.block').hide();
						$('div.block').eq(aabb).show();
						})
						
					})
				</script>
				</div>					
			</div>	
		</div>
		<!--下部-->
		<div style="height: 383px;width: 100%;background-color: #686463;">
			<div class="px1000" style="width: 900px;height: 150px;border-bottom: dashed 1px #CDCDCB;">
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
			</div>
			
			<div class="px1000" style="width: 700px;height: 90px;">
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
			</div>
			
			<div style="width: 500px;height: 30px;margin: auto;color: #fff;font-size: 12px;margin-top: 30px;">
				<div style="width: 160px;height: 30px;float: left;">联系我们：pay.ibaoxiu.com</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;margin-right: 5px;margin-top: 3px;"></div>
				<div style="width: 160px;height: 30px;float: left;margin-right: 10px;">点动p2p版权所有2012-2013</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;float: left;margin-right: 10px;margin-top: 3px;"></div>
				<div style="float: left;">浙ICP备13026901</div>
			</div>
			
			<img src="img/icon-bottom.jpg" style="display: block;margin: auto;"/>
			
			
		</div>
		
	</body>
</html>
